<template>
  <v-card title="多雷达图">
    <vcu-chart-radar :data="chartData" :radar="radar" :series="series" />
  </v-card>
</template>

<script>
export default {
  name: 'multiple',
  data() {
    return {
      chartData: { dimensions: [], measures: [] }, // 当前版本必须传递data
      radar: [
        {
          indicator: [
            { text: '品牌', max: 100 },
            { text: '内容', max: 100 },
            { text: '可用性', max: 100 },
            { text: '功能', max: 100 },
          ],
          center: ['25%', '40%'],
          radius: 80,
        },
        {
          indicator: (function () {
            let res = []
            for (let i = 1; i <= 12; i++) res.push({ text: i + '月', max: 100 })
            return res
          })(),
          center: ['75%', '60%'],
          radius: 80,
        },
      ],
      series: [
        {
          type: 'radar',
          tooltip: { trigger: 'item' },
          itemStyle: { normal: { areaStyle: { type: 'default' } } },
          data: [{ name: 'X软件', value: [60, 73, 85, 40] }],
        },
        {
          type: 'radar',
          radarIndex: 1,
          itemStyle: { normal: { areaStyle: { type: 'default' } } },
          data: [{ name: '下载量', value: [26, 59, 90, 26, 28, 70, 75, 82, 48, 18, 6, 2] }],
        },
      ],
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
